<script setup lang="ts">
import image1 from '@/assets/erp/1.png'
import image2 from '@/assets/erp/2.png'
import image3 from '@/assets/erp/3.png'
import image4 from '@/assets/erp/4.png'
import image5 from '@/assets/erp/5.png'

const screenshots = [
  image1,
  image2,
  image3,
  image4,
  image5,
]

const openReadmeInEditor = () => fetch('/__open-in-editor?file=README.md')
</script>

<template>
  <!-- 项目介绍 -->
   <section class="introduction"> 
      <div class="description">
        <p>产品描述：该系统是一个基于B/S架构的ERP管理系统。本系统集成了企业的各种核心业务和管理模块,如财务管理、生产管理、销售管理、人力资源管理等,提供全面的企业资源计划与管理。</p>
        <p>技术架构：前后端分离技术；Vue3全家桶(Vue3\Pinia\VueRouter\Vite) + Typescript(ts) + Axios通信 + NaiveUI </p>
      </div>
  </section>
  <!-- 项目截图：使用轮播图el-carousel、el-carousel-item循环绘制以及erp目录下的png  -->
   <section class="screenshots">
    <el-carousel height="400px" :autoplay="false">
      <el-carousel-item v-for="(item, idx) in screenshots" :key="idx">
        <img :src="item" alt="项目截图">
      </el-carousel-item>
    </el-carousel>
  </section>

</template>
